<template>
<!--支付成功页面-->
  <div class="offersuccess">
    <ul>
      <li><img src="../../../assets/offersuccess.png" alt="" width="40"></li>
      <li>支付完成</li>
      <li>
        <wv-button type="default" :mini="true" @click="goindex">回到首页</wv-button>
        <wv-button type="default" :mini="true" >查看详情</wv-button>
      </li>
    </ul>
  </div>
</template>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  ul{
    padding-top: 50px;
    li:nth-child(2){
      font-size: 18px;
      color: #111;
      margin: 10px 0;
    }
    li:last-child{
      display: flex;
      padding: 10px;
      margin-top: 20px;
      .weui-btn+.weui-btn{
        margin-top: 0;
      }
      button{
        flex: 1;
        font-size: 15px;
        border-radius: 25px;
        height: 40px;
        line-height: 40px;
      }
      :first-child{
        color: #2e94f0;
        background-color: #fff;
        margin-right: 10px;
        border:1px solid #2e94f0;
      }
      :last-child{
        background-color: #2e94f0;
        color: #fff;
      }
    }

  }
</style>
<script type="text/ecmascript-6">
    export default {
        name: 'offersuccess',
        props: {},
        data() {
            return {};
        },
        methods: {
          goindex(){
            this.$router.push({
              path: '/index'
            })
          }
        },
        created() {

        },
        components: {}
    }
</script>
